<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>服务项目</title>
</head>
<body>
    <div class="serviceContent">
        <!-- 四个card -->
        <!-- 第一个 -->
        <div class="card cardBg" style="width: 278px;">
                <div class="card-header card-app">
                    <img src="http://first.52carlife.com/new%E7%A8%8B%E5%BA%8F-f@2x.png" alt="52">
                </div>
                <div class="card-body card-center">
                  <span class="card-title cardTitle">App软件开发</span>
                  <div class="cardText">
                    <span class="card-text">Android安卓应用开发</span>
                    <span class="card-text">IOS苹果软件应用开发</span>
                    <span class="card-text">双版本原声APP开发</span>
                  </div>
                </div>
        </div>
        <!-- 第二个 -->
        <div class="card cardBg" style="width: 278px;">
                <div class="card-header card-chat">
                    <img src="http://first.52carlife.com/new%E5%BE%AE%E4%BF%A1@2x.png" alt="52">
                </div>
                <div class="card-body card-center">
                  <span class="card-title cardTitle">微信综合服务</span>
                  <div class="cardText">
                    <span class="card-text">服务号/订阅号功能性开发</span>
                    <span class="card-text"> 小程序应用设计开发</span>
                    <span class="card-text">微信H5页面设计开发</span>
                  </div>
                </div>
        </div>
        <!-- 第三个 -->
        <div class="card cardBg" style="width: 278px;">
                <div class="card-header card-android">
                    <img src="http://first.52carlife.com/new%E7%BB%84%2055@2x.png" alt="52">
                </div>   
                <div class="card-body card-center">
                  <span class="card-title cardTitle">移动产品设计</span>
                  <div class="cardText">
                    <span class="card-text">移动界面设计</span>
                    <span class="card-text">IOS/Android界面设计</span>
                    <span class="card-text"> html5设计开发</span>
                  </div>
                </div>
        </div>
        <!-- 第四个 -->
        <div class="card cardBg" style="width: 278px;">
                <div class="card-header card-web">
                    <img src="http://first.52carlife.com/newIT%E4%BA%92%E8%81%94%E7%BD%91%20%E6%8B%B7%E8%B4%9D@2x.png" alt="52">
                </div>
                <div class="card-body card-center">
                  <span class="card-title cardTitle">网站设计与开发</span>
                  <div class="cardText">
                    <span class="card-text">品牌网站设计开发</span>
                    <span class="card-text">手机网站/响应式网站</span>
                    <span class="card-text">前端开发与测试</span>
                  </div>
                </div>
        </div>
    </div>
</body>
</html>